/**
 * Created by yaqiangbi on 2017/6/7.
 */
$(document).ready(function () {
    $("#hide1").click(function () {
        $("p").hide()
    });
    $(".p1").click(function () {
       $(this).hide()
    });
    $(".p2").dblclick(function () {
        $(this).hide()
    });
    $(".p3").mouseenter(function () {
        $(this).hide()
    });
    $(".p4").mouseleave(function () {
        $(this).hide()
    });
    $(".p5").mousedown(function () {

        alert("按下")
    });
    $(".p6").mouseup(function () {
        $(this).innerHTML="松开"
        alert("松开")
    });
    $(".p7").hover(function () {
        alert("You enter p7")
    },
    function () {
        alert("you leave p7")
    }
    );
    $("input").focus(function () {
       $(this).css("background-color","#cccccc")
    });
    $("input").blur(function () {
        $(this).css("background-color","#ffffff")
    });
    $("#hide2").click(function () {
        $("input").hide(1000)
    });
    $("#show2").click(function () {
        $("input").show(1000)
    });
    $("#toggle").click(function () {
        $("#toggleObject").toggle(500);
    });
    $("#fadein").click(function () {
        $("#fadein1").fadeIn("fast");
        $("#fadein2").fadeIn();
        $("#fadein3").fadeIn(1000);
    });
    $("#fadeout").click(function () {
        $("#fadeout1").fadeOut("slow");
        $("#fadeout2").fadeOut();
        $("#fadeout3").fadeOut(1000);
    });
    $("#fadetoggle").click(function () {
        $("#fadetoggle1").fadeToggle("slow")
        $("#fadetoggle2").fadeToggle()
        $("#fadetoggle3").fadeToggle(1000)
    });
    $("#fadeto").click(function () {
        $("#fadeto1").fadeTo("slow",0.3)
        $("#fadeto2").fadeTo("slow",0.6)
        $("#fadeto3").fadeTo("slow",0.9)
    });
    $("#slide").click(function () {
        $("#slide1").slideDown("slow");
        $("#slide2").slideUp("slow");
        $("#slide3").slideToggle("slow");
    });
    $("#animate").click(function () {
        var div = $("#animate1");
        div.animate({width:'250px',height:'250px'},1000);
        div.animate({opacity:'0.25'});
        div.animate({left:'100px'});
        div.animate({top:'100px'});
        div.animate({fontSize:'3em'},"slow");
        div.animate({left:'-100px'});
        div.animate({top:'-100px'});
        div.animate({width:'toggle'});
    });
    $("#animateStop").click(function () {
        $("#animate1").stop();
    });
    $("#chain").click(function () {
        $("#animate1").css("color","red").slideUp(500).slideDown(500)
    });
});
$(document).load(function () {
    alert("页面加载")
});